<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">

        <meta name="generator" content="Bootply" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="description" content="" />
        <link href="static/bootstrap/3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
        <style type="text/css">
            /*A Bootstrap 3.1 affix sidebar templatefrom http://bootply.comThis CSS code should follow the 'bootstrap.css'in your HTML file.license: MITauthor: bootply.com*/
            body { padding-top:50px;}#masthead {  min-height:250px;}#masthead h1 { font-size: 30px; line-height: 1; padding-top:20px;}#masthead .well { margin-top:8%;}@media screen and (min-width: 768px) {  #masthead h1 {    font-size: 50px;  }}.navbar-bright { background-color:#111155; color:#fff;}.affix-top,.affix{ position: static;}@media (min-width: 979px) {  #sidebar.affix-top {    position: static;        margin-top:30px;        width:228px;  }    #sidebar.affix {    position: fixed;    top:70px;    width:228px;  }}#sidebar li.active {  border:0 #eee solid;  border-right-width:5px;}
        </style>
        <title>Mytest Site</title>
        {% block html_head %}
        {% endblock html_head %}
    </head>
    <body>
        <script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
        <script type='text/javascript' src="static/bootstrap/3.3.7/dist/js/bootstrap.min.js"></script>
        <script type='text/javascript' src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
        <!-- JavaScript jQuery code from Bootply.com editor  -->
        <script type='text/javascript'>

        $(document).ready(function() {

            /* activate sidebar */$('#sidebar').affix({  offset: {    top: 235  }});/* activate scrollspy menu */var $body   = $(document.body);var navHeight = $('.navbar').outerHeight(true) + 10;$body.scrollspy({   target: '#leftCol',     offset: navHeight});/* smooth scrolling sections */$('a[href*=#]:not([href=#])').click(function() {    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {      var target = $(this.hash);      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');      if (target.length) {        $('html,body').animate({          scrollTop: target.offset().top - 50        }, 1000);        return false;      }    }});

        });

        </script>


        <div class="container">
                <div class="row">

                    <div class="col-sm-10" style="background-color:lavenderblush;">
                            {% block content %}
                                {% endblock content %}
                    </div>
                </div>

        </div><!--/container-->





    </body>
</html>
